.card-k01 {
	--primary-clr: #1c204b;
	--dot-clr: #bbc0ff;
	--play: hsl(195, 74%, 62%);
	width: 200px;
	height: 170px;
	border-radius: 10px;
	font-family: "Arial";
	color: #fff;
	display: grid;
	cursor: pointer;
	grid-template-rows: 50px 1fr;
	.img-section {
		transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	&:hover {
		.img-section {
			transform: translateY(15px);
		}
		.hvblue {
			color: #6b76f9ad;
		}
	}
	&-desc {
		border-radius: 10px;
		background: var(--primary-clr);
	}
}
